.content {
		background-image: url('../../static/indexBg.png');
		background-repeat: no-repeat;
		background-size: 100% 720rpx;
		padding: 24rpx;
		
		.modal {
			 position: fixed;
			 width: 100%;
			 height: 100vh;
			 left: 0;
			 bottom: 0;
			 top: 0;
			 right: 0;
			 background: rgba(0,0,0,0.56);
			 display: flex;
			 justify-content: center;
			 align-items: center;
			 z-index: 99999;
			 .mian{
				 width: 90%;
				 margin: 0 auto;
				 height: 528rpx;
				 background: #FFFFFF;
				 border-radius: 32rpx;
				 background-image: url('../../static/modal.png');
				 background-repeat: no-repeat;
				 background-size: 100% 192rpx;
				.head_top{
					display: flex;
					flex-direction: column;
					align-items: flex-end;
					padding: 48rpx;
					
						.left_box{
							width: 398rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							:nth-child(1){
								font-family: PingFangSC, PingFang SC;
								font-weight: 500;
								font-size: 40rpx;
								color: #292929;
								font-style: normal;
							}
							
						}
						.time{
							width: 398rpx;
							display: flex;
							justify-content: flex-start;
							font-family: PingFangSC, PingFang SC;
							font-weight: 400;
							font-size: 32rpx;
							color: #999999;
							margin-top: 24rpx;
							}
				}
				.center{
					text-align: center;
					font-family: D-DINExp, D-DINExp;
					font-weight: bold;
					font-size: 64rpx;
					color: #292929;
					margin: 32rpx 0;
				}
				.btn{
					margin: auto;
					text-align: center;
					width: 558rpx;
					line-height: 128rpx;
					background: linear-gradient( 135deg, #FF8533 0%, #FF0011 100%);
					border-radius: 64rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					font-size: 32rpx;
					color: #FFFFFF;
				}
			 }
				// .firstModal{
				//   	background-image: url('../../static/modal.png');
				//   	background-repeat: no-repeat;
				//   	background-size: 100% 192rpx;
				//   	width: 100%;
				//   	height: 192rpx;
				// 	display: flex;
				// 	flex-direction: column;
				// 	justify-content: center;
				// 	.firstText1{
				// 		font-weight: 500;
				// 		font-size: 40rpx;
				// 		color: #292929;
				// 		line-height: 40rpx;
				// 		margin-bottom: 24rpx;
				// 		padding-left: 35%;
				// 	}
				// 	.firstText2{
				// 		font-weight: 400;
				// 		font-size: 32rpx;
				// 		color: #999999;
				// 		line-height: 32rpx;
				// 		padding-left: 35%;
				// 	}
				// }
				// .firstText3{
				// 	font-weight: bold;
				// 	font-size: 64rpx;
				// 	color: #292929;
				// 	line-height: 64rpx;
				// 	margin: 48rpx 0;
				// }
				// .firstText4{
				// 	background: linear-gradient( 135deg, #FF8533 0%, #FF0011 100%);
				// 	border-radius: 64rpx;
				// 	font-weight: 500;
				// 	font-size: 32rpx;
				// 	color: #FFFFFF;
				// 	line-height: 32rpx;
				// 	margin:0 auto 48rpx;
				// 	width: 96%;
				// 	padding: 48rpx 0;
				// 	display: flex;
				// 	text-align: center;
				// 	justify-content: center;
				// }
			}
		
		.main {
			width: 93%;
			margin: 0 auto;

			.swiper_box {
				width: 100%;
				height: 248rpx;
				border-radius: 16rpx;
				position: relative;
				image{
					width: 100%;
					height: 248rpx;
					border-radius: 16rpx;
				}
				.dots{
					position: absolute;
					z-index: 10;
					bottom: 16rpx;
					width: 100%;
					height: 8rpx;
					.dot-item{
						width: 8rpx;
						height: 8rpx;
						background: rgba(0,0,0,0.4);
						border-radius: 50%;
						margin-right: 8rpx;
					}
					.active{
						background: #FFFFFF;
					}
				}
			}

			.assess_box {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: 24rpx;

				.item {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					width: 340rpx;
					height: 196rpx;
					background: linear-gradient(180deg, #FFF9F5 0%, #FFFFFF 100%);
					border-radius: 16rpx;
					border: 2rpx solid #FFFFFF;

					image {
						width: 88rpx;
						height: 88rpx;
						margin-bottom: 16rpx;
					}
				}
			}

			.flow_box {
				padding: 48rpx 0;
				margin: 24rpx 0;

				.flow_title {
					display: flex;
					align-items: center;
					justify-content: space-between;
					font-weight: 500;
					font-size: 32rpx;
					font-family: PingFangSC, PingFang SC;
					color: #292929;
					padding: 0 24rpx;

					.line {
						width: 246rpx;
						height: 12rpx;
					}
				}

				.flow_content {
					display: flex;
					align-items: center;
					padding: 0 24rpx;
					margin-top: 48rpx;

					.process_icon {
						width: 40rpx;
						height: 40rpx;
					}

					.item {
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: space-between;
						width: 186rpx;
						height: 132rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #292929;

						image {
							width: 88rpx;
							height: 88rpx;
						}
					}
				}

			}

			.headline_box {
				width: 100%;

				.headline_title {
					display: flex;
					justify-content: space-between;
					margin-top: 48rpx;
					margin-bottom: 24rpx;

					.left {
						font-family: PingFangSC, PingFang SC;
						font-weight: 500;
						font-size: 36rpx;
						color: #292929;
					}

					.right {
						display: flex;
						align-items: center;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #999999;
					}
				}

				.headline_content {
					width: 100%;
					.items {
						display: flex;
						margin: 24rpx 0;
						padding: 32rpx 24rpx;

						.left_img {
							width: 192rpx;
							height: 144rpx;
							border-radius: 8rpx;
							margin-right: 24rpx;
						}

						.right_box {
							display: flex;
							flex-direction: column;
							justify-content: space-between;
							width: 68%;
							
							.text {
								font-family: PingFangSC, PingFang SC;
								font-weight: 500;
								font-size: 32rpx;
								color: #292929;
							}

							.read_count {
								display: flex;
								align-content: center;
								justify-content: space-between;
								font-weight: 400;
								font-size: 24rpx;
								color: #999999;
							}
						}
					}

				}

			}
		}
	}